import React from 'react';
import TextBox from 'react-uwp/TextBox';
import { number, func } from 'prop-types';
const propTypes = {
  type: number,
  value: number,
  onClick: func
};
function PlusminInput({ type, value, onClick }) {
  const baseStyle = {
    borderTop: '1px solid #e5e5e5',
    borderBottom: '1px solid #e5e5e5'
  };
  return (
    <div className="dfrs">
      <a className="pmAct" onClick={() => onClick(false, type)}>
        {' '}
        -{' '}
      </a>
      <TextBox
        style={{
          ...baseStyle,
          boxShadow: 'none',
          width: '2.4rem',
          textAlign: 'center'
        }}
        background="none"
        value={value}
      />
      <a className="pmAct" onClick={() => onClick(true, type)}>
        {' '}
        +{' '}
      </a>
    </div>
  );
}
PlusminInput.propTypes = propTypes;
export default PlusminInput;
